import { defineComponent } from 'vue'
import { Card } from 'ant-design-vue';
import './index.css'

export default defineComponent({
  name: 'DemoCard',

  props: {
    cardInfo: Object,
  },

  setup(props) {
    return () => (
      <Card 
        v-slots={{
          title: () => <h2>{ props.cardInfo.title }</h2>
        }}
        class="wrap"
      >
        <div>
          <p>{ props.cardInfo.content }</p>
        </div>
      </Card>
    )
  },
})